<!DOCTYPE html>
<html>
	<head>
	   	<meta content="width=device-width initial-scale=1.0 maximum-scale=1.0 user-scalable=0" name="viewport" charset="UTF-8"/>	
	   	<title>我的</title>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/my.css"/>
	</head>
	<body>
		<!--雪花-->
		<div id="leafContainer"></div>
		<!--投票成功弹窗-->
		<div class="success" id="success">
			<p>投票成功,今天还能再投4票哦！</p>
		</div>
		<!--banner-->
		<div class="bannerbox">
			<img src="img/banner.png"/>
		</div>
		<div class="linearbg">
			<!--倒计时-->
			<div class="countdown" id="countdown">
				<img src="img/countdown.png"/>
				<p id="timeTxt">距离活动结束还有:<!--
						--><span class="t_d"></span><!--
						--><span class="t_h"></span><!--
						--><span class="t_m"></span><!--
						--><span class="t_s"></span><!--
				--></p>
			</div>
			<!--列表盒子：切换新人列表与排行-->
			<div id="swiper">
				<div class="leftbox" onclick="clickimg(this)">
					<img src="img/1.jpg"/>
				</div>
				<div class="contentbox" onclick="clickimg(this)">
					<img src="img/10.jpg"/>
				</div>
				<div class="rightbox" onclick="clickimg(this)">
					<img src="img/11.jpg"/>
				</div>
			</div>
			<div class="userinfo">
				<p>姓名：<i>小可爱小可爱</i><span id="mynumber">票数:888</span></p>
				<p>个人介绍：<span>编号:008</span></p>
				<p class="userdes">我是一个小可爱多多为我投票哦我是一个小可爱多多为我投票哦！</p>
			</div>
			<div class="btnbox">
				<!--<a href="javascript:;"></a>-->
				<img src="img/mybtn.png"/>
				<buttom class="mybtn" onclick="vote1(this)"></buttom>
			</div>
			<!--参赛者展示标题-->
			<div class="titlebox">
				<img id="titlebg" src="img/titlebg.png"/>
				<img id="titlebg2" src="img/titlebg.png"/>
				<span id="titlebtn">活动奖励</span>
			</div>
			<div class="activePrize">
				<!--<h3></h3>-->
				<div class="prize">
					<div style="margin-left: 8px;">
						<h3></h3>
						<img src="img/prize.png"/>
						<p class="title1">Kindle Oasis</p>
						<p>￥2399</p>
					</div>
					<div>
						<h3 class="secondPrize"></h3>
						<img src="img/prize2.png"/>
						<p class="title2">Kindle Paperwhite</p>
						<p>￥958</p>
					</div>
					<div style="margin-right: 8px;">
						<h3 class="threePrize"></h3>
						<img src="img/prize3.png"/>
						<p class="title1">Kindle </p>
						<p>￥558</p>
					</div>
				</div>
			</div>
			<div class="activePrize">
				<!--<h3></h3>-->
				<div class="prize">
					<div style="margin-left: 8px;">
						<h3 class="fourPrize"></h3>
						<img class="fourimg" src="img/prize4.png"/>
						<!--<p class="title1"></p>-->
						<p class="fourdetail">获得200票即可免费领取笔稿共读实体书</p>
					</div>
				</div>
			</div>
		</div><!--linearbg-->
		<div class="navbar">
			<a href="index.html" class="home">首页</a>
			<a href="javascript:;" class="apply-on">我的</a>
			<a href="collar.html" class="vote">投票领书</a>
		</div>
	</body>
	<script type="text/javascript">
		function clickimg(e){
			var swiper = document.getElementById("swiper");
			var contentbox = swiper.getElementsByClassName("contentbox");
			contentbox[0].className = e.className;
			e.className = 'contentbox';
		}
	</script>
	<script src="js/jquery/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/my.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/snow.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
</html>
